@charset "utf-8";
/* CSS Document */
.banner{ width:100%; overflow: hidden; position: relative;}
.rslides { position: relative; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides li {  -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides .img { display: block; height: auto; float: left; width: 100%; border: 0; }
.slide_container { position: relative; float: left; width: 100%;overflow:hidden; }
.slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.slide li { position: absolute; width: 100%; left: 0; top: 0; }
.slide .img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; }
.slide_nav { position: absolute; top: 45%; left: 10px; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; height: 50px; width: 30px; background:url(../../images/161123images/lf.png) no-repeat left top; margin-top: -22px; }
.slide_nav:active { opacity: 1.0; }
.slide_nav.next { left: auto;background:url(../../images/161123images/rt.png) no-repeat left top; right: 10px; }
.slide_tabs{position:absolute;right:242px;bottom:67px;z-index:999;}
.slide_tabs li{width:12px;height:12px;border-radius:5px;margin-left:19px;background-color:#fff;float:left;color:#fff;}
.slide_tabs li a{color:#fff;display:block;text-indent:-999em;}
.slide_tabs li.slide_here{background:none;border:2px solid #fff;border-radius:15px;width:10px;height:10px;}
.channel{width:100%;bottom:0px;left:0;z-index:20;position:absolute;}
.channel ul{max-width:1120px;margin:0 auto;height:40px;}
.channel ul li{width:25%;float:left;line-height:40px;height:40px;text-align:center;}
.channel ul li:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}

.channel ul li a{color:#fff;font-weight:bold;font-size:16px;display:block}
.channel ul li.ch01{background-color:#005bac}
.channel ul li.ch02{background-color:#eea200}
.channel ul li.ch03{background-color:#4ba509}
.channel ul li.ch04{background-color:#00988d}

.content{width:100%;overflow:hidden;}
.mode01{max-width:1120px;margin:0 auto 30px;overflow:hidden;}
/*新闻*/
.news{width:67.5%;overflow:hidden;float:left;}

.title01 .more01{float:right;width:46px;padding-left:12px;height:36px;line-height:36px;background:url(../../images/161123images/icon.png) no-repeat;background-position:30px -423px;background-color:#fff;display:block;font-size:1.2em;}
.title01 .more01 a{display:block;}
.newsInfo{width:100%;overflow:hidden;}
.news_pic{width:346px;height:235px;float:left;}
.news_wrap a{display:block;height:235px;}


.news_art { width:50%; float:right; overflow:hidden; height:235px; }
.news_art .title h3 a{ font-family:Arial; font-size:16px; color:#000000; }
.news_art .art_con { font-size:14px; color:#505050; line-height:1.4em; margin:25px 0 0 0; }


/*图片轮播*/
.flexslider{ width:100%; height: 235px;  overflow: hidden;}
.flexslider a{display:block;height:235px;}
.flexslider li a {display: block; transition: all 1s ease 0s;}
.flexslider li a:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8; }
.flexslider img{ display: block; width:100%; height: 235px;}
.flexslider .til_slides{ width:100%; height: 40px; position: absolute;bottom:0; left:0;background:url(../../images/161123images/banner_bg.png) repeat; line-height: 40px;font-size:14px;color:#fff; padding-left: 15px; display:none; }
.flex-control-nav{ position:absolute;bottom:11px;right:1px; text-align: right;z-index:999; display:none;}
.flex-control-paging li{ margin:0 10px 0 0;float:left;}
.flex-control-paging li a{ width: 12px; height: 12px; line-height: 12px; background-color:#fff;border-radius:15px;text-indent:999px;}
.flex-control-paging li a:hover,.flex-control-paging li a.flex-active{background:none;width:10px;height:10px;border:2px solid #fff;border-radius:15px;}
.news_list{width:100%;overflow:hidden;font-size:1.3em;}
.news_list li{background:url(../../images/161123images/cir_03.png) no-repeat 1px 16px;line-height:1.3em;overflow:hidden; width:46%; margin:0 30px 0 0; float:left; padding:12px 0 10px 0; border-bottom:1px dashed #d3d3d3; }
.news_list li a{padding-left:12px; display:block; }
.news_list li span{float:right;margin-left:8px;}
/*通知*/
.notice{width:28.57142857142857%;float:right;overflow:hidden;}
.notice .title01 h2{background-color:#fff;}
.notice_list{font-size:1.3em;}
.notice_list span{font-family:Georgia, "Times New Roman", Times, serif;margin-right:10px;color:#004685; width:50px; display:inline-block; float:left; }
.notice_list span .day { width:50px; height:28px; line-height:28px; display:block; text-align:center; background:#005bac; color:#ffffff; }
.notice_list span .month { width:48px; height:26px; line-height:26px; display:block; border:1px solid #005bac; border-top:none; text-align:center; background:#ffffff; }

.notice_list li{ overflow:hidden; border-bottom:1px dashed #d3d3d3; padding:14px 0 14px 0; }
.notice_list li a { width:auto; padding:0 0 0 0px; }
.notice_list li a .tp { float:left; font-size:1.2em; font-family:Arial; color:#282828; padding:5px 0 0 0; }
.notice_list li a .bt { float:left; font-size:1.0em; font-family:Arial; color:#505050; }
.mode02_wrap{width:100%;overflow:hidden;background-color:#f1f1f1;}
.mode02{max-width:1120px;overflow:hidden;margin:0 auto 20px;}

/*专题网站*/
.topic{width:65.44642857142857%;float:right;margin-left:0.36%;}
.topicInfo{width:auto;overflow:hidden;background-color:#fff;padding:12px 6px 2px 7px;}
.topicInfo li{width:22.2%;height:100px;position:relative;float:left;margin:0 10px 10px;overflow:hidden;}
.topicInfo li a.cur01 {display: block; transition: all 1s ease 0s;color:#fff;}
.topicInfo li a.cur01:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8; transform:scale(1.2);-webkit-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);}
.topicInfo li span{height:30px;width:100%;background:url(../../images/161123images/banner_bg.png) repeat;overflow:hidden;color:#fff;font-size:14px;text-align:center;display:block;line-height:30px;position:absolute;bottom:0;left:0;}
.topicInfo li a{display:block;height:100px;}
.topicInfo li span a{color:#fff;}
.link001 div.weixin01{position:absolute;top:94px;right:0px;width:100px;height:100px;display:none;}
.link001 div.weixin02{position:absolute;top:145px;right:220px;width:100px;height:100px;display:none;}
.link001 div.weixin03{position:absolute;top:145px;right:0px;width:100px;height:100px;display:none;}
.link001 div.weixin01,.link001 div.weixin02,.link001 div.weixin03 img{width:100px;height:100px;margin:0 auto;}
.car{position:relative;}

.close{position:absolute;right:0;bottom:0;width:25px;height:25px;cursor:pointer;display:block;z-index:9999;}
.link001 div .close img{width:25px;height:25px;}
.link001 div.weixin01,.link001 div.weixin02,.link001 div.weixin03{text-indent:0;}



.more  { padding:16px 30px 28px 0; float:right; }
.more a { font-family:Arial; font-size:12px; color:#282828; padding:0 0 0 22px; background:url(../../images/161123images/more_03.png) no-repeat left center; }
.more a:hover { font-weight:bold; }





.mode02_wrap { height:403px; background:url(../../images/161123images/wrap_03.png) repeat-x; }
.mode02 { max-width:1140px; margin:37px auto 0; }
.mode02 ul li { width:31.3%; float:left; position:relative; margin:0 22px 0 0; }
.mode02 ul li .myli { width:auto; padding:0 0 0 14px; }
.mode02 ul li img.imgIn { width:100%; display:block; border-radius:12px; box-shadow:2px 2px 5px #888888; position:relative; float:right; margin:0 2px 0 0; }

.mode02 ul li img.left { float:left; bottom:50px; position:absolute; }
.mode02 ul li p { position:absolute; z-index:9999; bottom:66px; width:125px; left:14px; text-align:center; height:45px; line-height:45px; background:#6fbc47; }
.mode02 ul li p a { font-family:Arial; color:#ffffff; font-size:20px; font-weight:bold; }
.mode02 ul li.li02 p{ position:absolute; z-index:9999; bottom:66px; width:125px; left:14px; text-align:center; height:45px; line-height:45px; background:#eeb900;}
.mode02 ul li.li03 p{ position:absolute; z-index:9999; bottom:66px; width:125px; left:14px; text-align:center; height:45px; line-height:45px; background:#01a397;}
.mode02 ul li a.img { display: block; height: 0; overflow: hidden; padding-bottom: 97%; width: auto; }








.mode03 { max-width:1140px; margin:30px auto 0; }
/*.mode03 ul li { width:31.3%; float:left; position:relative; margin:0 22px 0 0; }
.mode03 ul li .myli { width:auto; padding:0 0 0 14px; }
.mode03 ul li img.imgIn { width:100%; display:block; border-radius:12px; box-shadow:2px 2px 5px #888888; position:relative; float:right; margin:0 2px 0 0; }

.mode03 ul li img.left { float:left; bottom:50px; position:absolute; }
.mode03 ul li p { position:absolute; z-index:9999; bottom:66px; width:125px; left:14px; text-align:center; height:45px; line-height:45px; background:#6fbc47; }
.mode03 ul li p a { font-family:Arial; color:#ffffff; font-size:20px; font-weight:bold; }
.mode03 ul li.li02 p{ position:absolute; z-index:9999; bottom:66px; width:125px; left:14px; text-align:center; height:45px; line-height:45px; background:#eeb900;}
.mode03 ul li.li03 p{ position:absolute; z-index:9999; bottom:66px; width:125px; left:14px; text-align:center; height:45px; line-height:45px; background:#01a397;}
.mode03 ul li a.img { display: block; height: 0; overflow: hidden; padding-bottom: 97%; width: auto; }
*/







ul.box {
	width:1170px;
	height:auto;
	margin: 10px auto 0;
	padding: 0;
	clear: both;
	overflow: hidden; 
	padding:0 0 10px 0;
	border-bottom:1px solid #f4f4f4;
}

ul.box li {
	list-style-type: none;
	margin:20px 4px;
	padding: 0;
	width: 280px;
	height: 280px;
	border: 2px solid #efefef;
	position: relative;
	float: left;
	background: #ffffff; /* old browsers */
	font-size:32px;
	text-align:center;
	
	
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.1) inset; 
	-o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.1) inset;
	
	behavior: url(ie-css3.htc);
}



ul.box li.li01 .slider { height:40px; line-height:40px; position:absolute; bottom:0px; left:0px; background:url(../../images/161123images/li01_03.png); width:100%; }
ul.box li.li01 .slider a { color:#ffffff; font-size:16px; font-family:Arial;  }
ul.box li.li01 .slider a:hover { font-weight:bold; }
ul.box li.li02 .slider { height:40px; line-height:40px; position:absolute; bottom:0px; left:0px; background:url(../../images/161123images/li02_03.png); width:100%; color:#ffffff; font-size:16px; font-family:Arial; }
ul.box li.li02 .slider a { color:#ffffff; font-size:16px; font-family:Arial;  }
ul.box li.li02 .slider a:hover { font-weight:bold; }

ul.box li.li03 .slider { height:40px; line-height:40px; position:absolute; bottom:0px; left:0px; background:url(../../images/161123images/li03_03.png); width:100%; color:#ffffff; font-size:16px; font-family:Arial; }
ul.box li.li03 .slider a { color:#ffffff; font-size:16px; font-family:Arial;  }
ul.box li.li03 .slider a:hover { font-weight:bold; }

ul.box li.li04 .slider { height:40px; line-height:40px; position:absolute; bottom:0px; left:0px; background:url(../../images/161123images/li04_03.png); width:100%; color:#ffffff; font-size:16px; font-family:Arial; }
ul.box li.li04 .slider a { color:#ffffff; font-size:16px; font-family:Arial;  }
ul.box li.li04 .slider a:hover { font-weight:bold; }


ul.box li:before { 
	z-index: -2; 
	position: absolute; 
	background: transparent; 
	width: 90%; 
	height: 80%; 
	content: ''; 
	left: 20px; 
	bottom:8px; 
	
	-webkit-transform: skew(-10deg) rotate(-4deg); 
	-moz-transform:skew(-10deg) rotate(-4deg); 
	-o-transform: skew(-10deg) rotate(-4deg); 
	-ms-transform: skew(-10deg) rotate(-4deg); 
	
	-webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6); 
	-moz-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6); 
	-o-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6); 
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.6); 
	
	behavior: url(ie-css3.htc);
}



ul.box li:after { 
	z-index: -1; 
	position: absolute; 
	background: transparent; 
	width: 90%; 
	height: 80%; 
	content: ''; 
	right:20px;  
	bottom:8px; 
	
	-webkit-transform: skew(10deg) rotate(4deg); 
	-moz-transform:skew(10deg) rotate(4deg); 
	-o-transform: skew(10deg) rotate(4deg); 
	-ms-transform: skew(10deg) rotate(4deg); 
	
	-webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6); 
	-moz-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6); 
	-o-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6); 
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.6); 
	
	behavior: url(ie-css3.htc);

} 

.box li a { display: block;
    height: 0;
    overflow: hidden;
    padding-bottom: 97%;
    width: auto; }

.box li img{
	width:100%;
	height:auto;
	margin:1% 0 0 0;
	
}



















@media screen  and (max-width:1170px) {
ul.box { width:100%; }	
.mode03 { max-width:auto; }	
.box .paper { width:auto; text-align:center; float:left; padding:0 0 0 15%; }
}






@media screen  and (max-width:1206px) {
.mode02 { width:100%; margin:37px auto 0; }
ul.box li { height:auto; line-height:auto; }
}


@media screen  and (max-width:1170px) {
.mode02 { max-width:auto; }
.mode02_wrap { background-image:none; background:#ede6dd; height:auto; padding:0 0 33px 0; }
}


@media screen  and (max-width:1010px) {
.mode02 ul li img.left { display:none; }
.mode02 ul li p { bottom:4.5%; left:0px; }
.mode02 ul li.li02 p { bottom:4.5%; left:0px; }
.mode02 ul li.li03 p {  bottom:4.5%; left:0px; }
.mode02 ul li .myli { padding:0px; }
}



@media screen  and (max-width:1096px) {
.mode02 ul li { width:30.9%; margin:0 2% 0 0; }
}

@media screen  and (max-width:1060px) {
.box .paper { padding:0 0 0 13%; }
}

@media screen  and (max-width:950px) {
.box .paper { padding:0 0 0 11%; }
}

@media screen  and (max-width:880px) {
.box .paper { padding:0 0 0 9%; }
}

@media screen  and (max-width:780px) {
.box .paper { padding:0 0 0 5%; }
}

@media screen  and (max-width:680px) {
.box .paper { padding:0 0 0 3%; }
}

@media screen  and (max-width:630px) {
.box .paper { width:280px; margin:5px auto; float:none; padding:0px; }
}


@media screen  and (max-width:1120px) {
 .channel{position:static;padding-top:-3px;clear:both;}
 .slide_tabs{right:5px;bottom:15px;}
 .mode01 { width:97.5%; margin:0 auto; }
.mode02{width:97.5%; margin:37px auto 0;}
 .news{width:100%;}
 .notice{width:100%;}
 .news_art { margin-left:410px; width:auto;float:none; }
 
 .news_list{width:auto;float:none;}
 .news_pic{width:380px;margin-right:20px;position:absolute;top:0;left:0;}
 .notice_list li{width:45%;margin-right:25px;float:left;}
 .car{width:100%;}
 .topic{width:100%;}
 .carInfo{width:50%;float:left;}
 .link001{width:46%;float:right;margin-top:0;height:107px;font-size:1.3em;}
 .link001 div{height:54px;}
 .link001 div.weixin01{top:21px;right:0px;}
 .link001 div.weixin02{top:28px;right:35.44642857142857%;}
 .link001 div.weixin03{top:21px;right:14.19642857142857%;}
 }





@media screen  and (max-width:800px) {
  .flex-control-nav{bottom:44px;}
  .news_pic{width:346px;}
  .news_art { margin-left:380px; }
  .topicInfo li{width:30.2%;}
  .link001{width:44%;}
  .carInfo{width:48%;}
}
@media screen  and (max-width:770px) {
	.carInfo li{font-size:1.3em;}
	.link001 div a{padding-left:9px;}
	.topicInfo li{width:29.6%;}
	.news_list li { width:100%; margin:0px; }
	}
	
	
	
@media screen  and (max-width:700px) {
.notice_list li a { width:76%; float:left; padding:0px; }
.notice_list li a .tp { padding:0px; }
}
	
	
		
@media screen  and (max-width:680px) {
    .topicInfo li{}
	}




@media screen and (max-width:640px) {
  .channel ul li{height:26px;line-height:26px;}
  .channel ul li a{font-size:12px;font-weight:normal;display:block}
  .topicInfo li{width:29.6%;}
  .news_pic{width:300px;}
  .news_art{margin-left:330px;}
  
 }

@media screen and (max-width:600px) {
  .news_pic{position:absolute;width:346px;left:50%;margin-left:-173px;}
  .news_art{width:100%;margin:250px 0 0 0; height:auto; padding:0 0 20px 0;}
  .notice_list li{width:100%;}
  .mode01 { width:96%;margin:0 auto 20px; }
  .mode02{width:96%;margin:33px auto 0px;}
  .carInfo{width:100%;}
  .carInfo li{height:48px;margin-bottom:7px;}
  .carInfo .message{width:100%;}
  .carInfo .talk{width:49%;float:left;border-right:none;}
  .carInfo .bbs{width:49%;float:right;}
  .carInfo li a{height:48px;text-align:center;line-height:48px;font-size:1.2em;margin:0 auto;padding-left:17px;}
  .message a{background:url(../../images/161123images/s-message.png) no-repeat 45px center;background-color:#4ba509;width:260px;margin:0 auto}
  .talk a{background:url(../../images/161123images/s-talk.png) no-repeat 5px center;background-color:#00988d;width:130px;margin:0 auto}
  .carInfo li.bbs a{background:url(../../images/161123images/s-bbs.png) no-repeat 5px center;background-color:#eea200;width:130px;margin:0 auto}
  .link001{padding:0;clear:both;width:100%;background:none;height:117px;}
  .link001 div a{padding-left:17px;display:block;width:150px;margin:0 auto;height:48px;line-height:48px;}
  .tengxun,.weixin,.sina,.mobile {width:49%;background:none;border:none;background-color:#fff;margin-bottom:7px;}
   .tengxun a{background:url(../../images/161123images/icon.png) no-repeat;background-position:-274px -174px;}
   .sina a{background:url(../../images/161123images/icon.png) no-repeat;background-position:4px -245px;}
   .weixin a{background:url(../../images/161123images/icon.png) no-repeat;background-position:10px -242px;}
   .mobile a{background:url(../../images/161123images/icon.png) no-repeat;background-position:-275px -243px;}
   .link001 div.tengxun,.link001 div.weixin{float:left;height:48px;background-color:#Fff;}
   .link001 div.sina,.link001 div.mobile{float:right;height:48px;background-color:#Fff;}
   .topicInfo{padding:0;}
   .topicInfo li{width:100%;margin-left:0;height:48px;text-align:center;color:#fff;}
   .topicInfo li a.cur01{background-image:none!important;height:48px;line-height:48px;}
   .topicInfo li a.cur01:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8; transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale();-o-transform:scale(1);}
   .topicInfo li.t01 a{background-color:#005bac;}
   .topicInfo li.t02 a{background-color:#f08300;}
   .topicInfo li.t03 a{background-color:#00ac9a;}
   .topicInfo li.t04 a{background-color:#00ac69;}
   .topicInfo li.t05 a{background-color:#75ac00;}
   .topicInfo li.t06 a{background-color:#ac9e00;}
   .topicInfo li.t07 a{background-color:#ac5d00;}
   .topicInfo li.t08 a{background-color:#c71723;}
   .topicInfo li span{background:none;display:block;height:48px;line-height:48px;}
    .link001 div.weixin01{top:70px;right:0px;}
 	.link001 div.weixin02{top:125px;right:55.16666666666667%;}
 	.link001 div.weixin03{top:125px;right:0px;}
}
@media screen and (max-width:480px) {
 .title01 h2{font-size:18px;width:88px;padding-left:39px;}
 .carInfo li a{font-size:1.1em;}
 .mode02 .title01 h2{width:104px;}
}



@media screen and (max-width:426px) {
.mode02 ul li { width:100%; float:none; }

}

@media screen /*and (min-width:320px)*/ and (max-width:360px) {
  .carInfo .talk{width:48%;}
  .carInfo .bbs{width:48%;}
}
